/**
 * --------------- 组件--树形菜单 ---------------
 */
.ztree{
  overflow: hidden;
}

.tree_department .curSelectedNode,.tree_style1 .curSelectedNode{
  color: #27B2FB!important;
}

.tree_department .level1_item.curSelectedNode,
.tree_department .level2_item.curSelectedNode,
.tree_department .level3_item.curSelectedNode,
.tree_style1 .level1_item.curSelectedNode,
.tree_style1 .level2_item.curSelectedNode,
.tree_style1 .level3_item.curSelectedNode{
  color: #ffffff!important;
}

.ztree li span {
  float: left;
}

.lastli ul{
  overflow: hidden;
  li{
    float: left;
  }
}

.tree_style1{
  .level1_item{
    background: #FFCB3F;
  }

  .level2_item{
    background: #27B2FB;
    color: #333;
    a{
      color: #fff;
    }
  }

  .add_department,.edit_department,.remove_department{
    float: right;
    margin-left: 4px;
  }

  .everylevel{
    padding: 4px 5px;
    width: 93%;
  }

  ul{
    margin: 10px 0!important;
  }

  #treeDemo_2_ul{
    margin: 8px 0!important;
  }

  .ztree li span.button.switch{
    margin-top: 4px;
  }

  .level3_item{
    background: rgba(39,178,251,0.30);
  }

  .level4_item{
    
  }

  .open_layer{
    padding: 0;
    text-decoration: none;
  }

  span.icon{
    width: 16px;
    height: 16px;
    display: block;
    margin: 0;
  }

  span.icon.add1{
    background: url("../img/add1.png") center no-repeat;
  }

  span.icon.add2{
    background: url("../img/add2.png") center no-repeat;
  }

  span.icon.add3{
    background: url("../img/add3.png") center no-repeat;
  }

  span.icon.edit1{
    background: url("../img/edit1.png") center no-repeat;
  }

  span.icon.edit2{
    background: url("../img/edit2.png") center no-repeat;
  }

  span.icon.remove1{
    background: url("../img/remove1.png") center no-repeat;
  }

  span.icon.remove2{
    background: url("../img/remove2.png") center no-repeat;
  }

  &.ztree a{text-decoration: none!important;}
  &.ztree *{font-size: 14px}
  &.ztree li span.button.noline_close.level0{
    background: url("../img/level1l.png") center no-repeat;
  }

  &.ztree li span.button.noline_open.level0{
    background: url("../img/level1b.png") center no-repeat;
  }

  &.ztree li span.button.noline_close.level1{
    background: url("../img/level3l.png") center no-repeat;
  }

  &.ztree li span.button.noline_open.level1{
    background: url("../img/level3b.png") center no-repeat;
  }

  &.ztree li span.button.noline_close.level2{
    background: url("../img/level4l.png") center no-repeat;
  }

  &.ztree li span.button.noline_open.level2{
    background: url("../img/level4b.png") center no-repeat;
  } 

  &.ztree li span.button.noline_close.level3,
  &.ztree li span.button.noline_close.level4,
  &.ztree li span.button.noline_close.level5,
  &.ztree li span.button.noline_close.level6,
  &.ztree li span.button.noline_close.level7,
  &.ztree li span.button.noline_close.level8{
    background: url("../img/level2l.png") center no-repeat;
  }

  &.ztree li span.button.noline_open.level3,
  &.ztree li span.button.noline_open.level4,
  &.ztree li span.button.noline_open.level5,
  &.ztree li span.button.noline_open.level6,
  &.ztree li span.button.noline_open.level7,
  &.ztree li span.button.noline_open.level8{
    background: url("../img/level2b.png") center no-repeat;
  } 

  .ztree a{text-decoration: none!important;}
  .ztree *{font-size: 14px}
  .ztree li span.button.noline_close.level0{
    background: url("../img/level1l.png") center no-repeat;
  }

  .ztree li span.button.noline_open.level0{
    background: url("../img/level1b.png") center no-repeat;
  }

  .ztree li span.button.noline_close.level1{
    background: url("../img/level3l.png") center no-repeat;
  }

  .ztree li span.button.noline_open.level1{
    background: url("../img/level3b.png") center no-repeat;
  }

  .ztree li span.button.noline_close.level2{
    background: url("../img/level4l.png") center no-repeat;
  }

  .ztree li span.button.noline_open.level2{
    background: url("../img/level4b.png") center no-repeat;
  } 

  .ztree li span.button.noline_close.level3,
  .ztree li span.button.noline_close.level4,
  .ztree li span.button.noline_close.level5,
  .ztree li span.button.noline_close.level6,
  .ztree li span.button.noline_close.level7,
  .ztree li span.button.noline_close.level8{
    background: url("../img/level2l.png") center no-repeat;
  }

  .ztree li span.button.noline_open.level3,
  .ztree li span.button.noline_open.level4,
  .ztree li span.button.noline_open.level5,
  .ztree li span.button.noline_open.level6,
  .ztree li span.button.noline_open.level7,
  .ztree li span.button.noline_open.level8{
    background: url("../img/level2b.png") center no-repeat;
  } 
}

.tree_style2{
  .level1_title{
    padding: 4px 5px;
    background-color: rgba(39, 178, 251, 0.3);
    .level1_item{
      color: #FF4A3F;
    }
  }

  .level2_title{
    padding: 4px 5px;
    background-color: #fff;
    .level2_item{
      color: #27B2FB ;
    }
  }

  &.ztree li span.button.noline_open{
    background: url("../img/open_icon.png") center no-repeat;
  }
  &.ztree li span.button.noline_close{
    background: url("../img/close_icon.png") center no-repeat;
  }

  &.ztree li span.button.noline_close.level0{
    background: url("../img/con_arr_fir_u.png") center no-repeat;
  }

  &.ztree li span.button.noline_open.level0{
    background: url("../img/con_arr_fir_d.png") center no-repeat;
  }

  &.ztree li span.button.noline_close.level1{
    background: url("../img/con_arr_sec_u.png") center no-repeat;
  }

  &.ztree li span.button.noline_open.level1{
    background: url("../img/con_arr_sec_d.png") center no-repeat;
  }

  .ztree li span.button.noline_open{
    background: url("../img/open_icon.png") center no-repeat;
  }
  .ztree li span.button.noline_close{
    background: url("../img/close_icon.png") center no-repeat;
  }

  .ztree li span.button.noline_close.level0{
    background: url("../img/con_arr_fir_u.png") center no-repeat;
  }

  .ztree li span.button.noline_open.level0{
    background: url("../img/con_arr_fir_d.png") center no-repeat;
  }

  .ztree li span.button.noline_close.level1{
    background: url("../img/con_arr_sec_u.png") center no-repeat;
  }

  .ztree li span.button.noline_open.level1{
    background: url("../img/con_arr_sec_d.png") center no-repeat;
  }


  .level1_title span.button.chk.checkbox_true_full{
    background: url("../img/check_fir_on.png") center no-repeat!important;
  }
  .level1_title span.button.chk.checkbox_true_full_focus{
    background: url("../img/check_fir_on.png") center no-repeat!important;
  }
  .level1_title span.button.chk.checkbox_false_full{
    background: url("../img/check_fir.png") center no-repeat!important;
  }
  .level1_title span.button.chk.checkbox_false_full_focus{
    background: url("../img/check_fir.png") center no-repeat!important;
  }
  .level1_title span.button.chk.checkbox_true_part, .level1_title span.button.chk.checkbox_false_part{
    background: url("../img/check_fir_on.png") center no-repeat!important;
  }

  .level2_title span.button.chk.checkbox_true_full{
    background: url("../img/check_sec_on.png") center no-repeat!important;
  }
  .level2_title span.button.chk.checkbox_true_full_focus{
    background: url("../img/check_sec_on.png") center no-repeat!important;
  }
  .level2_title span.button.chk.checkbox_false_full{
    background: url("../img/check_sec.png") center no-repeat!important;
  }
  .level2_title span.button.chk.checkbox_false_full_focus{
    background: url("../img/check_sec.png") center no-repeat!important;
  }
  .level2_title span.button.chk.checkbox_true_part, .level2_title span.button.chk.checkbox_false_part{
    background: url("../img/check_sec_on.png") center no-repeat!important;
  }

  .level3_title span.button.chk.checkbox_true_full{
    background: url("../img/check_thir_on.png") center no-repeat!important;
  }
  .level3_title span.button.chk.checkbox_true_full_focus{
    background: url("../img/check_thir_on.png") center no-repeat!important;
  }
  .level3_title span.button.chk.checkbox_false_full{
    background: url("../img/check_thir.png") center no-repeat!important;
  }
  .level3_title span.button.chk.checkbox_false_full_focus{
    background: url("../img/check_thir.png") center no-repeat!important;
  }
  .level3_title span.button.chk.checkbox_true_part, .level3_title span.button.chk.checkbox_false_part{
    background: url("../img/check_thir_on.png") center no-repeat!important;
  }
  
  &.ztree li span.button.chk{
    margin-top: 2px;
  }
}